<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Logged in</title>
<link rel="stylesheet" href="main_page.css" />
<link rel="stylesheet" href="paging.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/ui-darkness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>

    /*"<input type='hidden' name='hotelDesc' value=" + encodeURIComponent(JSON.stringify(element)) + ">" +
     "<input type='hidden' name='neighbourhood' value=" + encodeURIComponent(JSON.stringify(neighbourhood)) + ">" +
     "<input type='hidden' name='username' value=" + $('#username').val() + ">" +
     "<input type='hidden' name='price' value=" + discountedPrice + ">" +
     "<input type='hidden' name='checkindate' value=" + dateParse(element.CheckInDate) + ">" +
     "<input type='hidden' name='checkoutdate' value=" + dateParse(element.CheckOutDate) + ">" +
     "<input type='hidden' name='adults' value=" + $('#adults').val() + ">" +
     "<input type='hidden' name='children' value=" + $('#children').val() + ">" +
     "<input type='submit' value='Order'>" +
     "</form>"+'</td>';*/
$(function() {
    $( ".datepicker" ).datepicker();
  });
</script>
<script type="text/javascript" src="paging.js"></script>
</head>

<body>

<div id="header-wrapper">
<div id="header" class="container">
	<div id="logo">
    	<h1><a href="#">Accommodation</a></h1>
    </div>
    
    <div id="auth">
    <ul>
        <li>Login: </li>
        <li><input size="10" type="text" value=""/></li>
        <li>Password: </li>
        <li><input size="10" type="password" value=""/></li>
        <li><input type="submit" value="Log in"/></li>
        <li><a href="#">Register</a></li>
    </ul>
    </div>
</div>
</div>

<div id="content-wrapper">
<div id="content" class="container">
    <div id="search-part">
    <header>Search hotels</header>
    <ul style="margin-bottom:0">
    <li>Location: <input placeholder="Place" type="search" size="51" />
    </li>
    <li><div id="check-in">Check-in: <input type="text" class="datepicker" size="15"/></div>
    <div id="check-out">Check-out: <input type="text" class="datepicker" size="15"/></div></li>
    </ul>
    <div class="left-column">
    <ul style="margin-top:0">
    <li>Rooms
    <select>
      <option value="one">1</option>
      <option value="two">2</option>
      <option value="three">3</option>
      <option value="four">4</option>
    </select>
    </li>
    
    <li>Adults
    <select>
      <option value="one">1</option>
      <option value="two">2</option>
      <option value="three">3</option>
      <option value="four">4</option>
    </select>
	</li>    
    
    <li>Children
    <select>
      <option value="none">none</option>
      <option value="one">1</option>
      <option value="two">2</option>
      <option value="three">3</option>
      <option value="four">4</option>
    </select>
    </li>
    </ul>
    </div>
    <div class="right-column">
    	<a href="#" class="button" id="bsearch">Search!</a>
    </div>
    </div>
    
    <div id="google-map">
    	<h1 style="vertical-align: middle; text-align: center">Place for the map</h1>
    </div>
</div>
</div>

<div id="result-wrapper">
<div id="results" class="container">
	<header>Search results</header>
    <div id="result-table"><table>
    	<thead><tr>
        	<td>#</td>
            <td>Neighbourhood</td>
            <td>Price</td>
            <td>Price with discount</td>
            <td>Star rating</td>
            <td>Show on the map</td>
            <td>Make the order</td>
        </tr></thead>
        <tbody id="haha">
        	<tr>
            	<td>1</td>
                <td>Fammington Hills</td>
                <td>270.62$</td>
                <td>296.33$</td>
                <td>3.0</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>2</td>
                <td>Dearpark - Allen Park - Melvindale</td>
                <td>314.10$</td>
                <td>349.34$</td>
                <td>4.0</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>3</td>
                <td>Southfield</td>
                <td>460.10$</td>
                <td>503.98$</td>
                <td>4.0</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>4</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>5</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>6</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>7</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>8</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>9</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
            <tr>
            	<td>10</td>
                <td>Birmingham - Troy - Madison Heights</td>
                <td>317.84$</td>
                <td>348.03$</td>
                <td>3.5</td>
                <td><input type="submit" value="Show"/></td>
                <td><input type="submit" value="Order"/></td>
            </tr>
        </tbody>
    </table></div>
    <div id="pageNavPosition" class="pageNavigation"></div>
    <script type="text/javascript">
        var pager = new Pager('haha', 3, 'pager', 'pageNavPosition'); 
        pager.init(); 
        pager.showPage(1);
    </script>
</div>
</div>

<div id="copyright-wrapper">
<div id="copyright" class="container">
<p>Copyright (c) 2013. All rights reserved.</p>
</div>
</div>

</body>

</html>
